<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo07超链接标签</title>
</head>
<body>

<!--1.跳转到本地资源-->
<a href="demo06表格标签.html">跳转到今天的第6个标签</a>
<!--2.跳转到外部资源-->
<a href="http://www.baidu.com">百度一下</a>
<!--3.跳转到图片资源-->
<a href="img/zly.jpg">图片</a>
<!--4.图片链接-->
<a href="http://www.baidu.com">
<!--    <img src="img/zly.jpg" alt="">  </img>-->
</a>

<!---->
<a href="https://www.baidu.com" target="_self">百度1</a>
<a href="https://www.baidu.com" target="_blank">百度2</a>

<!--锚点 -->
<a href="#d1">第一章</a>
<a href="#d2">第二章</a>
<a href="#d3">第三章</a>

<h3 id="d1">第一章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>

<h3 id="d2">第二章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>


<h3 id="d3">第三章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid aperiam autem delectus dignissimos eos, expedita explicabo fugit maiores nihil nisi numquam quasi qui quia quis recusandae repudiandae veniam voluptatum.</p>

<a href="#">回到顶部</a>
</body>
</html>